﻿@namespace MudBlazor.Docs.Examples

<MudAppBar Color="Color.Primary" Fixed="false">
    <MudMenu Dense
             Variant=Variant.Text
             Size=Size.Medium
             Color=Color.Inherit
             Icon=@Icons.Material.TwoTone.MoreVert
             AnchorOrigin=Origin.CenterCenter TransformOrigin=Origin.TopRight>

        <!-- User Menu -->
        <MudMenu Dense
                 Variant=Variant.Text
                 Size=Size.Medium
                 Color=Color.Inherit
                 Icon=@Icons.Material.TwoTone.MoreVert
                 AnchorOrigin=Origin.CenterRight TransformOrigin=Origin.TopLeft
                 ActivationEvent=MouseEvent.MouseOver>

            <!-- Settings -->
            <ActivatorContent>
                <MudMenuItem Icon=@Icons.Material.TwoTone.Settings IconColor=Color.Primary IconSize=Size.Medium AutoClose=@false>
                    <MudText Class="ml-n5" Color=Color.Default>Settings</MudText>
                </MudMenuItem>
            </ActivatorContent>

            <!-- Theme -->
            <ChildContent>
                <MudMenuItem Icon=@Icons.Material.TwoTone.DarkMode IconColor=Color.Secondary IconSize=Size.Medium>
                    <MudText Class="ml-n5" Color=Color.Default>Dark Theme</MudText>
                </MudMenuItem>
            </ChildContent>
        </MudMenu>

        <MudDivider />

        <!-- Sign In -->
        <MudMenuItem Href="/" ForceLoad Icon=@Icons.Material.TwoTone.Login IconColor=Color.Primary IconSize=Size.Medium>
            <MudText Class="ml-n5" Color=Color.Default>Sign In</MudText>
        </MudMenuItem>
        <!-- Sign Out -->
        <MudMenuItem Href="/" ForceLoad Icon=@Icons.Material.TwoTone.Logout IconColor=Color.Primary IconSize=Size.Medium>
            <MudText Class="ml-n5" Color=Color.Default>Sign Out</MudText>
        </MudMenuItem>

    </MudMenu>
    <MudSpacer />
    <MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" />
</MudAppBar>

@code {

}
